$(function(){
	// 1.0鼠标点击切换
	/*$('#btns button').click(function() {
        var i = $(this).index();//下标第一种写法
        //var i = $('tit').index(this);//下标第二种写法
        $(this).addClass('active').siblings().removeClass('active');
        $('#divs div').eq(i).show().siblings().hide();
    });*/

	// 2.0 鼠标悬停切换
    /*$('#btns button').mouseover(function() {
        var i = $(this).index();//下标第一种写法
		console.log(i);//01234
        //var i = $('#btns').index(this);//下标第二种写法
        $(this).addClass('active').siblings().removeClass('active');
        $('#divs div').eq(i).show().siblings().hide();
    });*/

    /*jQuery中的index()方法说明：
    index() 方法返回指定元素相对于其他指定元素的 index 位置。*/



   	// 自己写的
   	$('#btns button').click(function(){
   		var i = $(this).index();
   		$(this).addClass('active').siblings().removeClass('active');
   		$('#divs div').eq(i).show().siblings().hide();//无动画版
   		// $('#divs div').eq(i).show("fast").siblings().hide("slow");带动画版的
   	})

})